// sidebar
$menuText: #666666;
// $menuText: #FFFFFF;

$menuActiveText: #009688;
$subMenuActiveText: #009688; //https://github.com/ElemeFE/element/issues/12951

$menuBg: #ffffff;
// $menuBg: #252525;

$menuHover: #cdd5dd;
// $menuHover: #2B2B2B;

$subMenuBg: #ffffff;
// $subMenuBg: #252525;

$subMenuHover: #cdd5dd;
// $subMenuHover: #2B2B2B;

$sideBarWidth: 220px;

$backGrounds: #ffffff;
// $backGrounds: #252525;

// 菜单当前选中项
$curactiveback: #FCFCFC;
// $curactiveback: #2B2B2B;

// 底色
$bottomback: #FAFAFA;
// $bottomback:#1A1A1A;

// 字体颜色
// $colors:#FFFFFF;
$colors:#666666;

// 按钮背景颜色
$bjcolor: #009688;
// 字体高亮颜色
$activecolor: #009688;

$btncolor: #FCFCFC;

//标题颜色
$BIAOTIcolor:#252525;
// $BIAOTIcolor: #D7D7D7;

// border边框颜色
$bordercolor:#F5F5F5;
// $bordercolor:#303030;

// 训练集color
$XUNLIANcolor:#009688;
// $XUNLIANcolor:#F0B1F0;

// the :export directive is the magic sauce for webpack
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
:export {
  menuText: $menuText;
  menuActiveText: $menuActiveText;
  subMenuActiveText: $subMenuActiveText;
  menuBg: $menuBg;
  menuHover: $menuHover;
  subMenuBg: $subMenuBg;
  subMenuHover: $subMenuHover;
  sideBarWidth: $sideBarWidth;
  backGrounds: $backGrounds;
  colors:$colors;
  bjcolor: $bjcolor;
  activecolor:$activecolor;
  btncolor: $btncolor;
  bottomback: $bottomback;
  curactiveback: $curactiveback;
  bordercolor: $bordercolor;
  BIAOTIcolor: $BIAOTIcolor;
  XUNLIANcolor: $XUNLIANcolor;
}
